<template>
  <div class="markdown flex flex-row">
    <div class="w-4/5 p-5">
      <mavon-editor :value="value"
                    :editable="false"
                    :toolbarsFlag="false"
                    :transition="false"
                    :subfield="false"
                    :boxShadow="false"
                    defaultOpen="preview"
                    previewBackground="transparent"
      />
    </div>
  </div>

</template>
<script>
export default  {
  data(){
    return {

    }
  },
  computed:{
    value:that=>that.$route.meta?.markdown
    // that.$route.meta?.markdown
  },

}
</script>
<style lang="scss" scoped>
::v-deep .markdown-body {
  h1,h2,h3,h4,h5,h6{
    border: none;
  }
  a{
    color:rgba(110,231,183,1);
    text-decoration: underline;
  }

}
</style>
<style>
.markdown .v-note-wrapper{
  background: transparent;
  border: none;
  color: #000;
}
.dark .markdown .v-note-wrapper{
  color: #fff;
}
</style>